<!DOCTYPE html>
<html>
<head>
    <title>{$title|default='welcome to EMS: An employee management system'}</title>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <load href="/employee/app/Tpl/Public/CSS/style.css" />
</head>

<body>
<!-- Header Begins -->
<div id="header">
    <div class="wrap">
        <h1><a href="{:U('Index/index')}" title="Back to home">{:C('WEBSITE_TITLE')}</a></h1>
        <ul id="nav">
            <li><a href="{:U('Index/index')}">Home</a></li>
            <li><a href="{:U('Department/departments')}">Departments</a></li>
            <li><a href="{:U('Employee/employees', 'p=1')}">Employees</a></li>
            <li><a href="{:U('Title/titles')}">Titles</a></li>
            <li><a href="#">SignUp</a></li>
            <li><a href="#">LogIn</a></li>
        </ul>
    </div>
</div>
<!-- Header Ends -->

<!-- Main Content Begins -->
<div class="wrap">
    <div id="content">
